@font-face {
  font-family: 'mabry-light';
  src: url('../public/fonts/MabryPro-Light.ttf') format('woff');
}

@font-face {
  font-family: 'mabry-bold';
  src: url('../public/fonts/MabryPro-Bold.ttf') format('woff');
}

:root {
  --button-color: #1c293a;
  --description-color: #2e8f79;
  --save-color: #1c293a;
  --save-size-color: #ffffff;
  --save-hover-corlor: #555555;
  --calcel-color: #979797;
  --calcel-size-color: #000000;
  --calcel-hover-corlor: #f4f3f6;
  --button-loading-color: #dedede;
  --button-loading-size-color: #000000;
  --scopes-icon-color: #edeff2;
  --table-title-color: #f6f6f6;
  --title-light-color: #7a7a7a;
}

body {
  font-family: 'mabry-light', sans-serif;
}

h2 {
  font-family: 'mabry-bold' !important;
}

h3 {
  font-family: 'mabry-bold' !important;
}

h4 {
  font-family: 'mabry-bold' !important;
}

h5 {
  font-family: 'mabry-bold' !important;
}
